@import '../../../less/commons.less';

tui\:location {
	display: inline-block;
	position: relative;
	width: 200px;
	tui\:input {
		display: block;
		width: inherit;
	}
}

.tui-map-content {
	display: block;
	width: 600px;
	.tui-map-address {
		font-size: 13px;
		padding: 0 5px;
		border: 1px solid #ddd;
		margin-bottom: 10px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.tui-map-container {
		height: 420px;
	}
}

@media(max-width: 720px) {
	.tui-map-content {
		width: 420px;
	}
}

@media(max-width: 460px) {
	.tui-map-content {
		width: 280px;
		.tui-map-container {
			height: 300px;
		}
	}
}